load() คือ คำสั่งของ jQuery ในหมวดของ AJAX มีไว้สำหรับการสร้างการสื่อสารแบบ AJAX (Asynchronous JavaScript and XML) ซึ่งมีประโยชน์อย่างมากในการพัฒนาเว็บไซต์ในยุคปัจจุบัน
ภาพรวมของ load()
1. เป็นคำสั่งสำหรับการสร้างการสื่อสารแบบ AJAX จากการร้องขอข้อมูลจากเครื่อง Client ไปยังเครื่อง Server
2. มีค่า Parameter 3 ตัวคือ URL, DATA และ COMPLETE
ตัวอย่างโปรแกรมทางฝั่ง AJAX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div id='result'></div>
<script type="text/javascript">
$(document).ready(function(){
var url = "date.php";
$('#result').load( url );
});
</script>
</body>
</html>
ตัวอย่างโปรแกรมทางฝั่งประมวลผล
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<?
echo "<b>Current Date and Time from Server :</b> ".date("Y-m-d / H:i:s");
?>
</body>
</html>
ผลลัพธ์